iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0 Like 0 留言 1930 瀏覽

鐵人賽 Mobile Development DAY 29

從 Google Material Design Components 來了解與實作 Android 的 UI/UX 元件設計系列第 29 篇

技術 Day 29 - Tabs ( Design )

前言不知不覺鐵人賽也接近尾聲，要講的最後一個元件是 Tab，也是一種導航切換畫面的元件，圍繞在同一主題上。在大多數的 App 都能看到，包裹著相關性高或相同應...

vosscg0822 ‧ 2022-10-14 ‧團隊好想工作室 v6.0

0 Like 0 留言 1407 瀏覽

鐵人賽 Mobile Development DAY 25

從 Google Material Design Components 來了解與實作 Android 的 UI/UX 元件設計系列第 25 篇

技術 Day 25 - Bottom Navigation ( Design )

前言 Bottom Navigation 通常作為主畫面的元件之一，位於畫面底部，能讓用戶操作並進行各個畫面的導航，是個以操作體驗與畫面跳轉為重的組件 Bo...

vosscg0822 ‧ 2022-10-10 ‧團隊好想工作室 v6.0

0 Like 0 留言 1292 瀏覽

鐵人賽 Mobile Development DAY 19

從 Google Material Design Components 來了解與實作 Android 的 UI/UX 元件設計系列第 19 篇

技術 Day 19 - Dialogs ( Design )

前言 Dialog 比起上一篇提到的 Snackbar，更為顯著且出現時會阻擋用戶操作 Dialogs - Design 分為下面幾個段落來介紹 Usag...

vosscg0822 ‧ 2022-10-04 ‧團隊好想工作室 v6.0

0 Like 0 留言 1070 瀏覽

鐵人賽 Mobile Development DAY 16

從 Google Material Design Components 來了解與實作 Android 的 UI/UX 元件設計系列第 16 篇

技術 Day 16 - Progress indicators ( Design )

前言用來通知用戶正在進行的進程狀態，例如加載應用程序、提交表單或保存更新應用程序的狀態並指示可用的操作，例如用戶是否可以離開當前屏幕。在進行異步或初始化時常...

vosscg0822 ‧ 2022-10-01 ‧團隊好想工作室 v6.0

0 Like 0 留言 1175 瀏覽

鐵人賽 Mobile Development DAY 8

從 Google Material Design Components 來了解與實作 Android 的 UI/UX 元件設計系列第 8 篇

技術 Day 8 - Slider ( Design )

前言 Slider 能讓用戶透過滑動按壓來對一系列的數值進行更加細部選擇的元件，常應用在音量控制或價格範圍等數值範圍選取的情境 Slider - Design...

vosscg0822 ‧ 2022-09-23 ‧團隊好想工作室 v6.0

0 Like 0 留言 1138 瀏覽

鐵人賽 Mobile Development DAY 6

從 Google Material Design Components 來了解與實作 Android 的 UI/UX 元件設計系列第 6 篇

技術 Day 6 - App bar : Top ( Design )

前言 App bar:Top ( toolbar )，官方之所以這樣區分，是因為在 Material Design 分為 Top 與 Bottom，只不過在常見...

vosscg0822 ‧ 2022-09-21 ‧團隊好想工作室 v6.0

0 Like 0 留言 1445 瀏覽

鐵人賽 Mobile Development DAY 4

從 Google Material Design Components 來了解與實作 Android 的 UI/UX 元件設計系列第 4 篇

技術 Day 4 - Text fields ( Design )

前言今天要來介紹的是 Text fields ( Input Text )，與 Button 一樣都是在應用程式中很常見的元件，通常出現在需要讓用戶填寫資料的...

vosscg0822 ‧ 2022-09-19 ‧團隊好想工作室 v6.0

0 Like 0 留言 1197 瀏覽

鐵人賽 Mobile Development DAY 2

從 Google Material Design Components 來了解與實作 Android 的 UI/UX 元件設計系列第 2 篇

技術 Day 2 - Button ( Design )

前言觸控手機問世的那一刻，Button 就成了每個應用程式中不可或缺的元件。這也是我想把它擺到第一位來介紹的主因，作為 Mobile 移動端的開發工程師，都無...

vosscg0822 ‧ 2022-09-17 ‧團隊好想工作室 v6.0

0 Like 0 留言 962 瀏覽

鐵人賽 Modern Web DAY 17

30天打造品牌特色電商網站系列第 19 篇

技術 30天打造品牌特色電商網站 Day.19 文字的排版

字距、行距、與其他物件的距離，調整適當能讓使用者有舒服的體驗，而良好的排版能引導使用者優先接收整個畫面的重要資訊。字與字的距離字距：通常不太調動，不過想...

atain880625 ‧ 2021-10-03

0 Like 0 留言 1846 瀏覽

鐵人賽 Software Development DAY 11

Python GUI 專案設計模式及好用的開發技巧系列第 12 篇

技術純手工打造UART版資料清洗工具之 PySide2 GUI 大補帖 - Part B

從七月開始從零開始研究PySide2 GUI相關設計及程式如何撰寫，已經有一段時間了，筆者深深有感，PySide 系列的水很深。 Let's GO ~~ 如...

家誠 ‧ 2021-09-26

0 Like 0 留言 571 瀏覽

鐵人賽 Modern Web DAY 3

從零開始的寫web app 30天生活系列第 3 篇

技術 Day 3 - 原型 (2) : 主頁元件

設置先在Figma中建立2個頁面(Page), 名字分別為Blog跟Components(元件)。 Blog頁面主要是放置Blog的各個頁面, 例如:主頁、...

tlyau62 ‧ 2021-09-15 ‧團隊ㄟˊ~這是幹嘛的？

2 Like 1 留言 1922 瀏覽

鐵人賽自我挑戰組 DAY 30

UI / UX 設計白皮書 - Material Design 導讀系列第 30 篇

技術 UI / UX 設計白皮書 / Material Design 導讀_Day30 Platform guidance 平台指導

昨天我們了解到 Platform guidance 平台指導，子母畫面模式可讓兩個活動同時顯示在螢幕上，執行兩種不同的應用程式活動，也可以調整子母畫面的畫面尺寸...

Yvonne_Zhong ‧ 2020-09-30

1 Like 0 留言 1588 瀏覽

鐵人賽自我挑戰組 DAY 29

UI / UX 設計白皮書 - Material Design 導讀系列第 29 篇

技術 UI / UX 設計白皮書 / Material Design 導讀_Day29 Platform guidance 平台指導

昨天我們了解到 Platform guidance 平台指導，在應用程式中許多的操作需要權限許可，透過入門指南說明權限、或是事先詢問、在消息通知中顯示請求、透過...

Yvonne_Zhong ‧ 2020-09-29

1 Like 0 留言 2137 瀏覽

鐵人賽自我挑戰組 DAY 28

UI / UX 設計白皮書 - Material Design 導讀系列第 28 篇

技術 UI / UX 設計白皮書 / Material Design 導讀_Day28 Platform guidance 平台指導

昨天我們了解到 Platform guidance 平台指導，Android 系統的圖示、介面導覽、通知，在圖示的章節中把圖示細分為四層元素，在每一層元素上依照...

Yvonne_Zhong ‧ 2020-09-28

1 Like 0 留言 2212 瀏覽

鐵人賽自我挑戰組 DAY 27

UI / UX 設計白皮書 - Material Design 導讀系列第 27 篇

技術 UI / UX 設計白皮書 / Material Design 導讀_Day27 Platform guidance 平台指導

昨天我們了解到 Platform guidance 平台指導，Android 系統的狀態欄、指紋及觸覺設計指南，在狀態欄內應顯示的圖示及功能，還有區塊的建議尺寸...

Yvonne_Zhong ‧ 2020-09-27

1 Like 0 留言 1472 瀏覽

鐵人賽自我挑戰組 DAY 26

UI / UX 設計白皮書 - Material Design 導讀系列第 26 篇

技術 # UI / UX 設計白皮書 / Material Design 導讀_Day26 Platform guidance 平台指導

昨天我們了解到 Usability 易用性，需要根據不同國家顯示的語言方向進行排版，依照用戶的使用慣性排列出易於用戶操作的畫面，當產品支援多國語系時排版可能需要...

Yvonne_Zhong ‧ 2020-09-26

1 Like 0 留言 1757 瀏覽

鐵人賽自我挑戰組 DAY 25

UI / UX 設計白皮書 - Material Design 導讀系列第 25 篇

技術 UI / UX 設計白皮書 / Material Design 導讀_Day25 Usability 易用性

昨天我們了解到 Usability 易用性中輔助功能，無障礙設計提供更多幫助，通過螢幕閱讀器、放大工具和助聽器等設備幫助用戶用戶可以在 "觸摸瀏覽&q...

Yvonne_Zhong ‧ 2020-09-25

1 Like 0 留言 2238 瀏覽

鐵人賽自我挑戰組 DAY 24

UI / UX 設計白皮書 - Material Design 導讀系列第 24 篇

技術 UI / UX 設計白皮書 / Material Design 導讀_Day24 Usability 易用性

昨天我們了解到 Material Theming 主題，提供了一套基本的主題樣式，在設計時可以觀察 Material 主題樣式的細節，甚至可以直接下載修改為符合...

Yvonne_Zhong ‧ 2020-09-24

1 Like 0 留言 1741 瀏覽

鐵人賽自我挑戰組 DAY 23

UI / UX 設計白皮書 - Material Design 導讀系列第 23 篇

技術 UI / UX 設計白皮書 / Material Design 導讀_Day23 Material Theming 主題

昨天我們了解到 Machine learning 機器學習模式能提供用戶使用圖像進行搜尋及條碼掃描，看似簡單的操作步驟，在每項操作時預先想好流程中用戶可能會遇到...

Yvonne_Zhong ‧ 2020-09-23

1 Like 0 留言 1566 瀏覽

鐵人賽自我挑戰組 DAY 22

UI / UX 設計白皮書 - Material Design 導讀系列第 22 篇

技術 UI / UX 設計白皮書 / Material Design 導讀_Day22 Machine learning 機器學習

昨天我們了解到 Machine learning 機器學習模式能提供用戶更完善的人機介面指南，在操作機器中達成最好的互動體驗，物體檢測中看似簡單的即時攝影操作，...

Yvonne_Zhong ‧ 2020-09-22

1 Like 0 留言 1062 瀏覽

鐵人賽自我挑戰組 DAY 21

UI / UX 設計白皮書 - Material Design 導讀系列第 21 篇

技術 UI / UX 設計白皮書 / Material Design 導讀_Day21 Machine learning 機器學習

昨天我們了解到 Communication 通訊中，快速入門流程可以幫助用戶快速熟悉應用程式，從啟動到操作特定目標的過程一一給予用戶引導。離線狀態允許用戶無需開...

Yvonne_Zhong ‧ 2020-09-21

1 Like 0 留言 1466 瀏覽

鐵人賽自我挑戰組 DAY 20

UI / UX 設計白皮書 - Material Design 導讀系列第 20 篇

技術 UI / UX 設計白皮書 / Material Design 導讀_Day20 Communication 通訊

昨天我們了解到 Communication 通訊中，當應用程式無法顯示項目的內容時，畫面呈現空白狀態，這時畫面可以顯示內容來告訴用戶當前狀態，或是提供其他方案讓...

Yvonne_Zhong ‧ 2020-09-20

1 Like 0 留言 1407 瀏覽

鐵人賽自我挑戰組 DAY 19

UI / UX 設計白皮書 - Material Design 導讀系列第 19 篇

技術 UI / UX 設計白皮書 / Material Design 導讀_Day19 Communication 通訊

昨天我們了解到 Communication 通訊可以使用不同方式的通知，提供用戶確認與承認，減少用戶對於已採取或將要採取動作的不確定性。除此之外還可以防止用戶犯...

Yvonne_Zhong ‧ 2020-09-19

1 Like 0 留言 2194 瀏覽

鐵人賽自我挑戰組 DAY 18

UI / UX 設計白皮書 - Material Design 導讀系列第 18 篇

技術 UI / UX 設計白皮書 / Material Design 導讀_Day18 Communication 通訊

昨天我們了解到 Interaction 相互作用使用各種手勢可以對不同元件產生互動，透過不同手勢類型可以執行不同的任務指令，並依照應用程式預設好的狀態與產品進行...

Yvonne_Zhong ‧ 2020-09-18

1 Like 0 留言 2101 瀏覽

鐵人賽自我挑戰組 DAY 17

UI / UX 設計白皮書 - Material Design 導讀系列第 17 篇

技術 UI / UX 設計白皮書 / Material Design 導讀_Day17 Interaction 相互作用

昨天我們了解到 Motion 動作中，轉場動畫可以藉由控制速度及緩和速度帶給用戶順暢的畫面轉場，搭配持續時間的運用可以讓轉場效果如同自然物體的動態。藉由編排動畫...

Yvonne_Zhong ‧ 2020-09-17

1 Like 0 留言 1289 瀏覽

鐵人賽自我挑戰組 DAY 16

UI / UX 設計白皮書 - Material Design 導讀系列第 16 篇

技術 UI / UX 設計白皮書 / Material Design 導讀_Day16 Motion 動作

昨天我們了解到 Motion 動作可以強化結構層次、表現品牌、增加回饋和狀態及幫助用戶執行。更了解到各種畫面及元件在轉場動畫上的設定，各種主題在軸線上的轉場含義...

Yvonne_Zhong ‧ 2020-09-16

2 Like 0 留言 2005 瀏覽

鐵人賽自我挑戰組 DAY 15

UI / UX 設計白皮書 - Material Design 導讀系列第 15 篇

技術 UI / UX 設計白皮書 / Material Design 導讀_Day15 Motion 動作

昨天我們了解到當元件 Shape 形狀改變時，可以增加動畫讓改變動態更順暢，也更能突顯元件。在品牌與層次結構間使用形狀能建立統一的品牌結構基礎，若是需要突顯的元...

Yvonne_Zhong ‧ 2020-09-15

1 Like 0 留言 1804 瀏覽

鐵人賽自我挑戰組 DAY 14

UI / UX 設計白皮書 - Material Design 導讀系列第 14 篇

技術 UI / UX 設計白皮書 / Material Design 導讀_Day14 Shape 形狀

昨天我們了解到 Shape 形狀，可以設定個式形狀來傳達含意及狀態變化，同類型的形狀可以識別組件和識別不同的元件區塊，獨特的形狀可以跟一般組件形狀產生出差異，也...

Yvonne_Zhong ‧ 2020-09-14

1 Like 0 留言 1520 瀏覽

鐵人賽自我挑戰組 DAY 13

UI / UX 設計白皮書 - Material Design 導讀系列第 13 篇

技術 UI / UX 設計白皮書 / Material Design 導讀_Day13 Shape 形狀

昨天我們了解到 Iconography 影像學中各種圖示設計的注意事項，圖標由不同的設計元素構成，透過網格我們可以設計出具有統一性的圖示，配合筆畫粗細、圖示顏色...

Yvonne_Zhong ‧ 2020-09-13

1 Like 0 留言 1891 瀏覽

鐵人賽自我挑戰組 DAY 12

UI / UX 設計白皮書 - Material Design 導讀系列第 12 篇

技術 UI / UX 設計白皮書 / Material Design 導讀_Day12 Iconography 影像學

昨天我們了解到聲音可以具有不同的屬性及特徵，運用不同的編排可以使用在各種物件狀態及情境事件上，在應用程式的畫面層次中依序建立聲音回饋，藉此讓使用者得到更多的互動...

Yvonne_Zhong ‧ 2020-09-12